/*单独控制产品页的面包*/
.product-page {background-color: #f0f0f0;}
.bread-crumb-p {background-color: #fff;padding: 2.6vmin 2.6vmin;}


/*产品详情*/
.product-info {margin-top: 2.6vmin;overflow: hidden;}
.product-info .product-picture{width:100%;min-height:100vw;background:#fff;display: flex;align-items: center;justify-content: center;position: relative;}
.product-info .product-picture .cover{max-width:100%;max-height:100vw;}
.product-info .product-picture .control{position: absolute;right:4vmin;bottom:4vmin;z-index: 1;}
.product-info .product-picture .control .icon{width:8vmin;height:8vmin;display: block;margin-top: 15px;opacity: 0.4}
.product-info .product-params {color:#444;background:#fff;margin-top:2.6vmin;padding:3.0vmin 4vmin;border-top:0px solid #ddd;position: relative}
.product-info .product-params .title{font-size:4.27vmin;font-weight: bold;padding:0vmin 0 0;}
.product-info .product-params .price{font-size:4.27vmin;font-weight: bold;color:#f60}
.product-info .product-params .price b{font-size:5.9vmin;}
.product-info .product-params .toggle-link{color:#999}


/*sku*/
.sku {padding:4vmin 4vmin;background:#fff;margin-top:2.6vmin;overflow-x: scroll;display: flex;align-items: flex-start;justify-content: flex-start;}
.sku .box {width:28vmin;border:0px solid #ddd;margin:0.5vmin;}
.sku .box .picture{width:28vmin; height:28vmin;border:1px solid #eee;transition: all 0.5s;position: relative;display: flex;align-items: center;justify-content: center}
.sku .box .picture .cover{max-width:24vmin; max-height:24vmin;}
.sku .box .picture .zoom {width:7vmin;height:7vmin;position:absolute;top:0vmin;right:0vmin;opacity:0.4;z-index: 1;}
.sku .box .picture .zoom .icon{width:7vmin;height:7vmin}
.sku .box .info {padding:1vmin;font-size:3.2vmin;color:#666;transition: all 0.5s}
.sku .box .info .sku-title {width:100%; /*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
.sku .box .info .sku-price {}
.sku .box.hover {border:0px solid #f60;}
.sku .box.hover .picture{border:1px solid #f60;box-shadow: 2px 2px 4px rgba(0,0,0,0)}
.sku .box.hover .info{color:#f60;}
.sku-control {font-size:3.2vmin;line-height:1.5em;margin-top: 0.1em;display: block;align-items: center;justify-content: space-between;}
.sku-control-text{color:#666;font-size:3.2vmin;margin-left: 1vmin;}
.sku-control .btn {margin:1vmin 0;}
.sku-control .btnCart{
    color:#fff;width:50%;background-color: #f60;border:none;padding:0.5em 0em;border-radius: 10em;
    display: flex;align-items: center;justify-content: center;
}
.sku-control .btnCart img{heigh:1.5em;width:1.5em;}
.sku-control .btnCart:active{background-color: #f90;}
.fly_item {  width: 2.7vmin; height: 2.7vmin;background:#f00; border-radius:100%;overflow: hidden; position: absolute; visibility: hidden;  }

/*产品视频和案例相册按钮*/
.product-another {color:#333;width:100%;padding:0px 0;display: flex;align-items: center;justify-content: center}
.product-another .box {width:48%;padding:2vmin 0;border:0px solid #eee; display: flex;align-items: center;justify-content: center;box-sizing: border-box}
.product-another .box:hover{background-color: #f0f0f0;}
.product-another .box .icon{height:5.6vmin;}
.product-another .box .title{font-size:3.4vmin;margin-left: 2.7vmin;}
/*图文详情*/
.product-article{font-size:3.7vmin;background-color: #fff;padding:2.7vmin 4vmin 5vmin;margin-top: 2.7vmin;}
.product-article img{max-width: 100%;}


/*产品详情-内容层*/
.product-mask {
    position: fixed;z-index:3;top:0;left: 0;right: 0;bottom: 0;
    background-color: rgba(255,255,255,1);
    /*background-color: rgba(0,0,0,0.8);*/
}
.product-mask .float-wrap {
    width:96%;max-width: 750px;height:auto;border:0px solid #e00; box-sizing: border-box;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
}
.product-mask .float-wrap .close{width:30px;height:30px;position: absolute;left: 50%;bottom:0;transform: translate(-50%,150%);}
.product-mask .float-wrap .content{}

.float-video {width: 100%;display: flex;align-items: center;justify-content: center}
.float-video video{ width:100%;max-width: 720px}
.float-album {display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap}
.float-album a{
    width:28vmin;height:28vmin;background:#fff;margin:3px;display: flex;border:1px solid #ddd;background-color: #fff;
    align-items: center;justify-content: center;box-shadow:1px 1px 3px rgba(50,50,50,0)
}
.float-album a img{max-width:100%;max-height: 100%}




/************************************************** 768 ***************************************************************/
/************************************************** 768 ***************************************************************/
/************************************************** 768 ***************************************************************/
@media screen and (min-width: 767px){

    /*产品详情*/
    .product-info .product-params {padding:2.6vmin 4vmin;}
    .product-info .product-params .title{font-size:4.0vmin;padding:1.5vmin 0 0;}
    .product-info .product-params .price{font-size:3.6vmin;}
    .product-info .product-params .price b{font-size:4.2vmin;}
    .product-info .product-picture .control .icon{width:7vmin;height:7vmin;margin-top: 20px}


    /*sku*/
    .sku {}
    .sku .box {}
    .sku .box .picture{}
    .sku .box .picture img{}
    .sku .box .info{font-size:2.6vmin;}
    .sku .box.hover {}
    .sku .box.hover .picture{}
    .sku .box.hover .info{}

    .sku-control {font-size:3vmin;line-height:1.2em;}
    .sku-control-text{font-size:2.8vmin;}
    .sku-control .btn {margin:1vmin 0;}
    .sku-control .btnCart{width:40%;padding:0.4em 0em;}
    .sku-control .btnCart img{heigh:1.2em;width:1.2em;}


    /*产品视频和案例相册按钮*/
    .product-another .box {padding:2vmin 0;}
    .product-another .box:hover{}
    .product-another .box .icon{height:5vmin;}
    .product-another .box .title{font-size:3vmin;margin-left: 2vmin;}

    /*图文详情*/
    .product-article{font-size:2.6vmin;}

}






/************************************************* 1024 ****************************************************************/
/************************************************* 1024 ****************************************************************/
/************************************************* 1024 ****************************************************************/
@media screen and (min-width: 1024px){
    .product-page {background-color: #f0f0f0;}
    /*产品详情*/
    .product-info {}
    .product-info .product-picture{max-width:40vw;min-height:40vw;max-height:40vw;padding:0px 0;}
    .product-info .product-picture .cover{max-width:40vw;max-height:40vw;}
    .product-info .product-picture .control{right:3vmin;bottom:3vmin;z-index: 1;}
    .product-info .product-picture .control .icon{width:5vmin;height:5vmin;margin-top: 15px}
    .product-info .product-params {padding:2vmin 3vmin;margin-top: 0;}
    .product-info .product-params .title{font-size:3.27vmin;font-weight: bold;padding:1vmin 0 0;}
    .product-info .product-params .price{font-size:3.27vmin;font-weight: bold;color:#f60}
    .product-info .product-params .price b{font-size:4vmin;}



    /*sku*/
    .sku {padding:2vmin 2vmin;}
    .sku .box {width:20vmin;}
    .sku .box .picture{width:20vmin; height:20vmin;}
    .sku .box .picture .cover{max-width:20vmin; max-height:20vmin;}
    .sku .box .picture .zoom {width:5vmin;height:5vmin;}
    .sku .box .picture .zoom .icon{width:5vmin;height:5vmin}
    .sku .box .info {font-size:2.2vmin;}

    .sku-control {font-size:2.2vmin;}
    .sku-control-text{font-size:2.4vmin;}

    /*产品视频和案例相册按钮*/
    .product-another {width:100%;padding:0px 0;}
    .product-another .box {width:30%;padding:1vmin 0;}
    .product-another .box:hover{}
    .product-another .box .icon{height:4vmin;}
    .product-another .box .title{font-size:2.6vmin;margin-left: 2vmin;}

    /*图文详情*/
    .product-article{font-size:2.6vmin;background-color: #fff;padding:2.7vmin 4vmin 5vmin;margin-top: 2.7vmin;}
    .product-article img{max-width: 50%;}

}

